﻿<link href="/plug/highslide/highslide.css" rel="stylesheet" type="text/css" />
<script src="/plug/highslide/highslide-with-gallery.js" type="text/javascript"></script>
<script type="text/javascript">
    hs.graphicsDir = '/plug/highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    //hs.dimmingOpacity = 0.75;

    // Add the controlbar
    hs.addSlideshow({
        //slideshowGroup: 'group1',
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            opacity: 0.75,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });
</script>
<table width="100%">
  <tr>
    <td align="right">
    #if ($prevId > 0)
      <a href="$html.url('show',${prevId})"> <img src="/images/sys/left.png" /></a>
    #end
    </td>
    <td align="center"><a href="${model.img_url}" class="highslide" onclick="return hs.expand(this)"
                title="${model.title}"> <img src="${model.img_url}" width="380" onload="ImgFix(this,380,600)" border="0"
                    style="border: solid 1px #AAA; padding: 5px;" /></a> </td>
    <td align="left">
      #if ($nextId > 0)
      <a href="$html.url('show',${nextId})"> <img src="/images/sys/right.png" /></a>
      #end
    </td>
  </tr>
  <tr>
    <td colspan="3" align="center">${category.title} - ${model.title} <a href="javascript:history.go(-1)">[BACK]</a> </td>
  </tr>
</table>
#parse("ucshow_pic_tab.html")
#parse("ucbaidushare.html")
<br style="clear: both" />
<div style="text-align: center; border-top: dotted 1px #CCC; padding: 5px;"> <span style="padding-right: 20px;"><strong>PREV：</strong>${prevHtml}</span> <strong>NEXT：</strong>${nextHtml}</div>
#if($channel.show_comment == 1)
#parse("ucshow_comment.html")
#end 
